/* 公共样式 */
/* Tailwind配置已在HTML头部引入，此处只需定义自定义工具类 */

.sidebar-item {
  @apply flex items-center gap-3 px-4 py-3 text-gray-600 hover:bg-primary/10 hover:text-primary rounded-lg transition-all duration-200 cursor-pointer;
}
.sidebar-item.active {
  @apply bg-primary/10 text-primary font-medium;
}
.card {
  @apply bg-white rounded-xl shadow-sm border border-gray-100 p-5 hover:shadow-md transition-shadow duration-300;
}
.btn {
  @apply px-4 py-2 rounded-lg font-medium transition-all duration-200 cursor-pointer;
}
.btn-primary {
  @apply bg-primary text-white hover:bg-primary/90;
}
.btn-secondary {
  @apply bg-gray-100 text-gray-700 hover:bg-gray-200;
}
.badge {
  @apply px-2 py-1 rounded-full text-xs font-medium;
}
.progress-bar {
  @apply h-2.5 rounded-full transition-all duration-700;
}
.quick-action-card {
  @apply card flex items-center gap-4 cursor-pointer hover:shadow-md transition-all duration-300;
}
.quick-action-icon {
  @apply w-12 h-12 rounded-lg bg-primary/10 flex items-center justify-center text-primary group-hover:bg-primary group-hover:text-white transition-all duration-300;
}
.modal-backdrop {
  @apply fixed inset-0 bg-black/50 z-40;
}